﻿var scrollFlag = 0;
window.onscroll = function () {
    var t = document.documentElement.scrollTop || document.body.scrollTop;
//    var h=$('#main-form').height();
//    var a=$('#example').height()+72;
//    var g=$(window).height();
//    var f=g-h-t;
    //alert(t);
    if (t > 135) {
        $('#example').css("position", "fixed");
        $('#example').css("top", "20px");
        $('#main-form').css("margin-top", "0px");
        //alert($('#main-form').css("margin-top"));
    }
    else {
        $('#example').css("position", "relative");
        $('#example').css("top", "0px");
        $('#main-form').css("margin-top", "-592px");
        //alert($('#main-form').css("margin-top"));
    }
//    if(f < -1418){
//    	$('#example').css("position", "relative");
//        $('#example').css("top", a);
//        $('#main-form').css("margin-top", "-592px");
//    }
};
window.onload = function () {
    var date1 = $("#datet1");
    date1.empty();
    for (var i = 0; i <= 90; i++) {
        var option;
        var option = date1.html();
        if (i == 0)
            option += "<option value='" + i + "' selected = 'selected'>当天</option>";
        else
            option += "<option value='" + i + "'>" + i + "天" + "</option>";
        date1.html(option);
    }

    var date2 = $("#datet2");
    date2.empty();
    for (var i = 1; i <= 90; i++) {
        var option;
        var option = date2.html();
        if (i == 30)
            option += "<option value='" + i + "' selected = 'selected'>" + i + "天" + "</option>";
        else
            option += "<option value='" + i + "'>" + i + "天" + "</option>";
        date2.html(option);
    }
};
var flag = 0;
var flag1 = 0;
var filecount = 1;
var filecount1 = 1;
$(function () {
    $("#div-input").mouseover(function () {
        $("#div-input").css("background-color", "rgb(230,231,236)");
    });
    $("#div-input").mouseout(function () {
        $("#div-input").css("background-color", "white");
    });
    $("#div-input").click(function () {
        if (flag == 0) {
            $("#color-pad").css("display", "block");
            flag = 1;
        } else {
            $("#color-pad").css("display", "none");
            flag = 0;
        }
    });
    $("#li1").click(function () {
        changeColor("#li1");
    });
    $("#li2").click(function () {
        changeColor("#li2");
    });
    $("#li3").click(function () {
        changeColor("#li3");
    });
    $("#li4").click(function () {
        changeColor("#li4");
    });
    $("#li5").click(function () {
        changeColor("#li5");
    });
    $("#li6").click(function () {
        changeColor("#li6");
    });
    $("#li7").click(function () {
        changeColor("#li7");
    });
    $("#li8").click(function () {
        changeColor("#li8");
    });
    $("#li9").click(function () {
        changeColor("#li9");
    });
    $("#li10").click(function () {
        changeColor("#li10");
    });
    
    $("#yhqzbt").keyup(function () {
        var a = $("#yhqzbt").val();
        $("#z-bt").text(a);
    });
    $("#yhqfbt").keyup(function () {
        var a = $("#yhqfbt").val();
        $("#f-bt").text(a);
    });

    $("#ptime1").click(function () {
        $("#week-div").css("display","none");
    });
    $("#ptime2").click(function () {
        $("#week-div").css("display", "block");
    });

    $("#zksq").click(function () {
        if (flag1 == 0) {
            $("#jieshao").css("display", "block");
            $("#zksq").text("收起");
            flag1 = 1;
        } else {
            $("#jieshao").css("display", "none");
            $("#zksq").text("展开");
            flag1 = 0;
        }
    });

    $("#yhxq-jianjie").keyup(function () {
        var a = $("#yhxq-jianjie").val();
        $("#xiangqing").text(a);
    });

    $("#addnew").click(function () {
        filecount++;
        filecount1++;
        var content = $("#tuwen-div").html();
        var newContent = "<div id='tuwen"+filecount+"'>" + 
                            "<input type='file' id='file" + filecount + "' name='file" + filecount + "' onchange='upimg(" + filecount + ")' />" +
                            "<input type='button' class='remove' value='移除' id='yichu"+filecount+"' name='yichu"+filecount+"' onclick='remove("+filecount+")' /><br />" +
                            "<img class='tus' id='tu"+filecount+"'/>"+
                            "<textarea class='wens' id='wen"+filecount+"' name='wen"+filecount+"'></textarea>"+
                         "</div>";
        content += newContent;
        $("#tuwen-div").html(content);
    });

    $("#tz1").click(function (){
        $("#tz-title").text("图文消息");
        $("#sebtn").val("选择图文消息");
        $("#tk").css("display", "block");
        $("#wy").css("display", "none");
    });

    $("#tz2").click(function (){
        $("#tz-title").text("卡券货架");
        $("#sebtn").val("选择卡券货架");
        $("#tk").css("display", "block");
        $("#wy").css("display", "none");
    });

    $("#tz3").click(function () {
        $("#tz-title").text("网页链接");
        $("#sebtn").val("选择卡券货架");
        $("#tk").css("display", "none");
        $("#wy").css("display", "block");
    });

    $("#shanchu").click(function () {
        $("#rukou").css("display", "none");
        $("#rkmc").val("");
        $("#ydy").val("");
        $("#zdy").text("自定义入口（选填）");
        $("#yd").text(">");
    });
    $("#tianjia").click(function () {
        $("#rukou").css("display", "block");
        $("#tz-title").text("网页链接");
        $("#sebtn").val("选择卡券货架");
        $("#tk").css("display", "none");
        $("#wy").css("display", "block");
    });

    $("#rkmc").keyup(function () {
        var a = $("#rkmc").val();
        if (a == "")
            a = "自定义入口（选填）";
        $("#zdy").text(a);
    });

    $("#ydy").keyup(function () {
        var a = $("#ydy").val();
        $("#yd").text(a+">");
    });

//    $("#file0").change(function () {
//        setImagePreview("file0","img0");
//    });

    $("#bigpic").click(function () {
        $("#eximg").attr("src", "../images/ex1.jpg");
        $("#co").css("display", "block");
        $("#comain").css("display", "block");
        var width = $(window).width();
        var height = $(window).height();
        var t = height / 2 - 140;
        var l = width / 2 - 335;
        $("#comain").css("top", t);
        $("#comain").css("left", l);
    });

    $("#bigpic1").click(function () {
        $("#eximg").attr("src", "../images/ex2.jpg");
        $("#co").css("display", "block");
        $("#comain").css("display", "block");
        var width = $(window).width();
        var height = $(window).height();
        var t = height / 2 - 320;
        var l = width / 2 - 180;
        $("#comain").css("top", t);
        $("#comain").css("left", l);
    });

    $("#comain").click(function () {
        $("#co").css("display", "none");
        $("#comain").css("display", "none");
    });
    $("#co").click(function () {
        $("#co").css("display", "none");
        $("#comain").css("display", "none");
    });
});

function changeColor(id)
{
    $("#color-show").css("background-color", $(id).css("background-color"));
    $("#example").css("background-color", $(id).css("background-color"));
    $("#example").css("background-image", "url(../images/phonebg.png)");
    $("#expuse").css("background-color", $(id).css("background-color"));
    $("#expuse").css("color", "white");
    $("#form_hidden_color").val($(id).attr("name"));
    $("#color-pad").css("display", "none");
    flag = 0;
}

function remove(index)
{
    if (filecount1 == 1)
        return;
    filecount1--;
    $("#tuwen" + index).remove();
}

function upimg(index)
{
    setImagePreview("file"+index,"tu"+index);
}

function setImagePreview(file, img) {
    var docObj = document.getElementById(file);
    var imgObjPreview = document.getElementById(img);
    if (docObj.files && docObj.files[0]) {
        imgObjPreview.src = window.URL.createObjectURL(docObj.files[0]);

    } else {
        docObj.select();
        var imgSrc = document.selection.createRange().text;
        var localImagId = document.getElementById("localImag");
        try {
            localImagId.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)";
            localImagId.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgSrc;
        } catch (e) {
            alert("您上传的图片格式不正确，请重新选择!");
            return false;
        }
        document.selection.empty();
    }
    return true;
}